/*=========================================全局共用属性CSS ===============================================*/
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun","Arial","sans-serif","微软雅黑",; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff ;}
a{ text-decoration:none !important;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*************************************头部****************************************/
.w_1400{ width:1400px; margin:0 auto;}
.d_top{ margin:0 auto; position:fixed;left:0; right:0; top:0; background:#fff; z-index:100; box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
/*logo*/
.top_logo{ width:200px; float:left; margin-top:1%;}
.top_logo img{ width:100%;}
/*电话*/
.phone{ width:170px; float:left; margin:2.5% 0 0 0; font-size:20px; color:#007be6 !important; font-family:Oswald;}
.phone i{ font-size:22px; color:#007be6; vertical-align:auto; padding-right:3%;}

.phone img{ max-width:100%;}
/*搜索*/
.seacher_icon{ width:22px; float:right; margin-top:2.5%;}
.seacher_icon i{ font-size:24px; color:#525f6a;}
/*搜索弹框*/
.popup{width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.6); padding:8% 0; position:absolute; top:0; z-index:9;}
.content_gy{ width:1400px; margin:0 auto; height:66px; line-height:66px; background:#fff;}
.popup_se{ float:left; margin:0 2%;}
.popup_se i{ font-size:22px; color:#bbc2c9;}
.content_gy input{ width:90%; height:62px; line-height:62px; float:left; border:0;}
.popup .close{ float:left;margin-top:1.5%;}
.popup .close i{ font-size:26px; color:#bbc2c9;}



/*PC端导航*/
.nav-box1 {width:62%; margin-left:9%; box-sizing:border-box;}
.nav {width:100%;padding:0; }
.nav .nLi {width:16.6%; text-align:center; z-index:100;}
.nav .nLi h3 {font-size:16px;color:#333;font-weight:bold;line-height:60px !important;}
.nav .nLi h3:hover{ color:#fff;}
.nav .nLi:hover h3 a{color:#fff;}
.nav .nLi h3 a {display: block;font-size:16px;color:#333;font-weight:bold;position:relative;line-height:60px !important;}
.nav .nLi.on,.nav .nLi.cur {background:#007be6;display:inline-block; padding: 0 0px; color:#fff;}
.nav .nLi.on h3{color:#fff !important;}
.nav .nLi.on h3 a,.header .nav .nLi.cur h3 a {display: inline-block;color:#fff !important;}
.nav .nLi.on h3 a:before,.nav .nLi:hover h3 a:before {transform: scaleX(1);-webkit-transform: scaleX(1); opacity: 1; visibility: visible;}
.nav .nLi .nav_sub {display:none;position: absolute;left:0%;top:100%;width:100%;text-align: center;background: rgba(0,123,230,0.7);}
.nav .nLi .nav_sub ul{margin-bottom:0px!important;}
.nav .nLi .nav_sub ul li a {display: block;font-size:14px; line-height:46px; color:#fff; border-bottom:1px solid #ecf1f5;}
.nav .nLi .nav_sub ul li a:hover {color:#fff;background:#007be6;}



/*********************************************banner*******************************************************/
.banner{ margin-top:4% !important;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px; background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after {font-family: swiper-icons; font-size:70px; text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;}
.banner .swiper-pagination-bullet{width:20px;height:20px;display: inline-block; border-radius: 50%;background:#546676; opacity: 0.7;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 50px; height: 20px; border-radius: 20px 20px 20px 20px;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next {left:30px; right:auto;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev {right:30px; left: auto;}
.banner{ width:100%;}
.banner img{ width:100%;}
/*********************************************产品服务*******************************************************/
.product_bg{ width:100%; margin:3% auto 0 auto; background:url(../images/p_service_bg.png) no-repeat bottom; background-size:cover; text-align:center; padding-bottom:3%;}
.title h3{font-size:40px; color:#333; text-align:center; font-weight:bold;}
/*导航样式*/
.product_nav{ text-align:center; margin:2% auto; font-size:18px; color:#52606c;}
.product_nav li{ width:210px; height:60px; line-height:60px; border-radius:30px; text-align:center; display:inline-block; border:1px solid #9ba7b4; margin:0 1%;}
.product_nav li:hover{ background:#007be6; border:1px solid #007be6;}
.product_nav li a{color:#52606c;}
.product_nav li:hover a{color:#fff;}
.product_nav .curp{ background:#007be6; border:1px solid #007be6;}
.product_nav .curp a{color:#fff !important;}

.p_service .swiper-button-next,.p_service .swiper-container-rtl .swiper-button-prev {right:10px; left:auto; top:40%;}
.p_service .swiper-button-prev,.p_service .swiper-container-rtl .swiper-button-next {left:10px;right:auto; top:40%;}
.p_service .swiper-container {width: 100%; height: 100%;}
.p_service .swiper-slide {text-align: center; font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.p_text{ width:100%;}
.p_text img{ max-width:100%;}
.p_text p{ font-size:20px; color:#364048; padding:6% 0; height:30px; line-height:30px; overflow:hidden;}
.p_text:hover p{color:#007be6}
/*********************************************关于我们*******************************************************/
.about_bg{ background:url(../images/About_bg.png) no-repeat !important; background-size:contain;width:100%; box-sizing:border-box;}
.about_main{ padding:5.5% 0 4.5% 0;}
.about_text{ width:41%;}
.about_text h2{font-size:40px; color:#333; font-weight:bold; padding-bottom:1.5%;}
.about_text hr{ width:32px; height:4px; background:#007be6; border:0; border-radius:4px; margin-bottom:6%;}
.about_text p{ font-size:16px; line-height:32px; color:#64717c; text-indent:6%; margin-bottom:4%;}
.about_text p b{ color:#007be6;}
.about_nav{ display:flex;justify-content:space-between; padding-top:6%;}
.about_nav li{ border:1px solid #8292a1; line-height:50px; border-radius:25px; width:30%; margin-right:3%; text-align:center; font-size:14px;}
.about_nav li a{ color:#576979;}
.about_nav li:hover{ background:#007be6; border:1px solid #007be6;}
.about_nav li:hover a{ color:#fff;}
.video{ width:48%; background:url(../images/video_bg.png) no-repeat bottom left; padding-bottom:20px;}
.video>video{ width:650px !important; height:420px !important;}

/*********************************************新闻资讯*******************************************************/
.new_information{ background:url(../images/new_bg.png) no-repeat bottom; background-size:cover; width:100%; padding:3% 0;}
.new_text{width:23%; margin-top:5%;}
.new_text h2{font-size:40px; color:#333; font-weight:bold; padding-bottom:3%;}
.new_text hr{ width:32px; height:4px; background:#007be6; border:0; border-radius:4px;}
.new_text p{ font-size:14px; line-height:30px; color:#64717c; text-align:justify; padding-right:25%; padding-top:4%;}
.new_text a{ font-size:14px; color:#fff; width:170px; line-height:50px; border-radius:25px; text-align:center; display:block; background:#007be6; margin-top:15%;}

.new_main{ width:77%;}
.new_contain{width:100%;}
.new_contain ul{width:100%;}
.new_contain ul img{ max-width:100%;}
.new_contain h3{font-size:18px; color:#364048; font-weight:bold; line-height:40px; height:40px; overflow:hidden; margin:5% 4% 7% 4%;}
.new_contain p{font-size:14px; color:#64717c; line-height:32px; margin:0% 3%; height:64px; overflow:hidden; text-align:justify;}
.new_contain time{ font-size:14px; color:#a4acb5; text-align:center; margin:7% 0 5% 0; display:block;}
.new_contain span{ border-top:1px solid #d3d3d3; line-height:60px; text-align:center; display:block; font-size:14px; color:#64717c;}
.new_contain span i{color:#64717c; font-size:18px; padding-left:2%; vertical-align:middle;}
.new_contain:hover h3{ color:#007be6;}
.new_contain:hover span{ background:#007be6; color:#fff;}
.new_contain:hover span i{color:#fff;}


.new_main .swiper-container {width:100%;height:510px;}
.new_main .swiper-wrapper {position: relative; width:100%;height:470px;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.new_main .swiper-slide {text-align:center;font-size:18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;}
.new_main .swiper-pagination-fraction,.new_main .swiper-pagination-custom,.new_main .swiper-container-horizontal >.swiper-pagination-bullets {bottom:0px;left:0; width: 100%;}
.new_main .swiper-pagination-bullet{width:12px;height:12px;display: inline-block; border-radius:50%;background:#7a838c; opacity:1;}
.new_main .swiper-pagination-bullet-active {opacity:1;background:#007be6;width:40px; height:12px; border-radius:12px 12px 12px 12px;}

/************************************************友情链接**************************************************************/
.friendship{display:flex; justify-content:space-between; margin-top:2%;}
.friendship li{border:1px solid #c2cad3; width:15.4%; text-align:center;}
.friendship li img{max-width:100%; margin:0 auto;}
/*图片变灰色，鼠标划过图片变彩色  开始
.g{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.friendship li:hover.g{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
图片变灰色，鼠标划过图片变彩色 结束*/

/************************************************底部**************************************************************/
.end_of{padding:2.5% 0; border-top: solid 2px #d4d4d4}
.end_phone{ width:16%;padding-top:3%;}
.end_logo{ width:14.2%; padding-top:3%;}
.end_logo img,.end_phone img{ max-width:100%;}
.end_text{ margin:0 11%; width:47.8%; display:flex; justify-content:space-between;}
.end_text h4{font-size:16px; color:#8e9295; padding-bottom:20% !important; }
.end_text h4 a{color:#999c9f !important;}
.end_text p{font-size:14px; line-height:20px;}
.end_text p a{ color:#8e9295;}
.end_text p:hover a{ color:#000 !important;}
.end_text h4:hover a{ color:#000 !important;}





/************************************************版权**************************************************************/
.bo_copy{ background:#2b2c2d; padding:1.5% 0; font-size:14px; color:#797f84;}
.bo_copy a{color:#797f84;}
.bo_copy a:hover{ color:#fff;}





@media screen and (max-width: 1540px){

}

@media screen and (max-width: 1400px){
.w_1400{width:96%; margin:0 2%;}
.nav-box1 {width:55%; margin-left:9%; box-sizing:border-box;}
.nav {height:90px;line-height:90px;}
/*电话*/
.phone{margin:3% 1% 0 0;}
/*搜索*/
.seacher_icon{ margin-top:3%;}



}

@media screen and (max-width: 1300px){
/*导航样式*/
.product_nav{ margin:3% auto 3% auto;}
.p_text p{ font-size:16px; padding:0% 0; margin-top:4%;}

.video{background:none; margin-top:8%;}
.video>video{ width:550px !important; height:355px !important;}
/*新闻资讯*/
.new_main .swiper-container{height:460px;}
.new_main .swiper-wrapper{height:420px;}
/************************************************友情链接**************************************************************/
.friendship{margin-top:3%;}


}
@media screen and (max-width: 1200px){
	/*************************************头部****************************************/
/*logo*/
.top_logo{ width:180px;}
/*电话*/
.phone{ width:170px; font-size:18px;}
.phone i{ font-size:18px; padding-right:3%;}

/*搜索*/
.seacher_icon{ width:22px;}
.seacher_icon i{ font-size:20px;}

/*PC端导航*/
.nav-box1 {width:57%; margin-left:5%; box-sizing:border-box;}
.nav .nLi {width:16.6%;}
.nav .nLi h3 {font-size:14px;line-height:40px !important;}
.nav .nLi h3 a {font-size:14px;line-height:40px !important;}
.nav .nLi .nav_sub ul li a {font-size:12px;}
	


}
@media screen and (max-width: 1080px){
.nav-box1 {width:55%; margin-left:9%; box-sizing:border-box;}
.nav {height:60px;line-height:60px;}
.nav .nLi h3 {font-size:14px;}
.nav .nLi h3 a {font-size:14px;}
.nav .nLi .nav_sub ul li a {font-size:12px; line-height:30px; }
/*logo*/
.top_logo{ width:150px;}

/************************平板及移动端导航************************************/
.web_top{ width:100%; margin:3% auto; padding:0 2%; box-sizing:border-box;}
/*移动端导航*/
.web_nav{ width:6%; margin-top:1.5%;}
.web_nav i{ font-size:24px; color:#525f6a;}
/*移动下拉菜单*/
.fork{text-align:left; width:100%; padding-left:5%; box-sizing:border-box;position:absolute;top:20px;left:-5px; background:#FFF;width: 60px;}
.fork i{font-size:20px; color:#525f6a;}
.pull_down{ width:100%; background:#fff;}
.pull_nav{ padding:0 5%; width:100%; box-sizing:border-box; position:absolute; top:46px; left:0; right:0; bottom:0; z-index:101; background:#FFF;}
.p_n_title{ width:100%; border-bottom:1px dashed #b6b6b6;}
.p_n_title .one_t{ width:100%; padding:0 2% 3% 2%; box-sizing:border-box;}
.p_n_title .one_t h4{ float:left;font-size:16px; font-weight:normal; padding:0; width:90%;}
.p_n_title .one_t h4 a{color:#333;}
.p_n_title .one_t h4 a:active{ color:#333;}
.p_n_title .one_t i{ float:right; text-align:right; font-size:18px; color:#b9b9b9; padding-top:10px; width:10%;}
.p_n_title .two_t{ width:100%; padding-left:5%; box-sizing:border-box; line-height:30px; font-size:14px;}
.p_n_title .two_t a{ color:#6e6e6e; display:block;}
.p_n_title .two_t{ display:none;}

/*移动端logo*/
.web_logo{ width:88%; margin:0 auto;  text-align:center;}
.web_logo img{width:110px; margin:0 auto; text-align:center;}
/*移动端搜索*/
.web_search{ width:6%; margin-top:2%;}
.web_search i{ font-size:20px; color:#525f6a;} 

/*********************************************产品服务*******************************************************/
.product_bg{background-size:cover;}
.title h3{font-size:16px;}
/*导航样式*/
.product_nav{font-size:12px; display:flex;justify-content:space-between; margin-bottom:3%;}
.product_nav li{ width:24%; height:30px; line-height:30px; border-radius:15px;margin:0 0.5%; display:inline;}
.p_service .swiper-slide{font-size:14px;}
.p_text p{ font-size:14px; height:24px; line-height:24px;}
.p_service .swiper-button-prev:after,.p_service .swiper-button-next:after {font-size:20px;}
.p_service .swiper-button-next,.p_service .swiper-container-rtl .swiper-button-prev {right:0px;}
.p_service .swiper-button-prev,.p_service .swiper-container-rtl .swiper-button-next {left:0px;}

/*********************************************关于我们*******************************************************/
.about_bg{ background-size:cover !important;}
.about_text{ width:100%;}
.about_text h2{font-size:16px;text-align:center;}
.about_text hr{margin:0 auto 6% auto;}
.about_text p{ font-size:14px; line-height:26px;}
.about_nav li{line-height:30px; border-radius:15px; margin-right:3%; font-size:14px;}
.video{ width:100%; margin-top:6%; padding-bottom:0; background:none;}
.video>video{ width:100% !important; height:100% !important; object-fit:fill; }


/*********************************************新闻资讯*******************************************************/
.new_information{ padding:3% 0;}
.new_text{width:100%; margin-top:5%;}
.new_text h2{font-size:16px; text-align:center;padding-bottom:3%;}
.new_text hr{margin:0 auto 0% auto;}
.new_text p{ font-size:14px; line-height:26px; padding-right:0; padding-top:4%;}
.new_more{font-size:12px; color:#fff; width:100px; line-height:30px; border-radius:15px; text-align:center; display:block; background:#007be6; margin:5% auto 3% auto;}
.new_more a{color:#fff;}

.new_main{ width:100%;}
.new_contain h3{font-size:14px; line-height:30px; height:30px;}
.new_contain p{font-size:12px; line-height:20px; height:40px;}
.new_contain time{font-size:12px;}
.new_contain span{line-height:30px; font-size:12px !important;}
.new_contain span i{font-size:14px;}

.new_main .swiper-container{height:440px;}
.new_main .swiper-wrapper{height:400px;}
.new_main .swiper-pagination-bullet{width:10px;height:10px;}
.new_main .swiper-pagination-bullet-active {width:30px; height:10px; border-radius:10px 10px 10px 10px;}

/************************************************友情链接**************************************************************/
.friendship{display:block; justify-content:; margin-top:4%;}
.friendship li{width:31%; float:left; margin:1% 1%;}

/************************************************底部**************************************************************/
.end_of{padding:2.5% 0;}
.end_phone{ width:100%; text-align:center;}
.end_phone img{ max-width:100%; margin:0 auto;}
.end_nav{width:100%; text-align:center; margin-top:3%;}
.end_nav li{ font-size:12px; float:left; width:16%; margin:0 2%; color:#b7b7b7;}
.end_nav li a{color:#b7b7b7;}
.end_nav li:hover{ color:#fff;}



}

@media screen and (max-width: 768px){
/*banner*/
.banner .swiper-button-prev:after,.banner .swiper-button-next:after {font-size:30px;}
.banner .swiper-pagination-bullet{width:10px;height:10px;}
.banner .swiper-pagination-bullet-active {width:30px; height:10px; border-radius:10px 10px 10px 10px;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next {left:5px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev {right:5px;}

/************************************************版权**************************************************************/
.bo_copy{padding:1.5% 1%; font-size:12px;}
.bo_copy li{ text-align:center; width:100%; line-height:22px;}

/************************************************底部导航**************************************************************/
.bot_nav{background:#fff; padding:3% 0 0 0; margin:0; text-align:center;box-sizing:border-box; position:fixed;left:0;right:0; bottom:0;z-index:100;}
.bot_nav ul{ width:100%; text-align:center; display:flex; justify-content:space-around; margin-bottom:0;}
.bot_nav ul li a{ color:#52606c;}
.bot_nav ul li.activ a{ color:#007be6 !important;}
.bot_nav ul li i{ font-size:22px; vertical-align:middle;}
.bot_nav ul li p{ font-size:12px; padding-top:10%;}

/*搜索弹框*/
.content_gy{ width:90%; margin:0 5%;height:40px; line-height:40px;}
.popup_se i{ font-size:18px;}
.content_gy input{ width:90%; height:40px; line-height:40px;}
.popup .close{ position:absolute; right:30px; margin-top:2%;}
.popup .close i{ font-size:20px; color:#888;}

/*********************************************新闻资讯*******************************************************/
.new_main .swiper-container{height:300px;}
.new_main .swiper-wrapper{height:270px;}
.new_main .swiper-pagination-bullet{width:10px;height:10px;}
.new_main .swiper-pagination-bullet-active {width:30px; height:10px; border-radius:10px 10px 10px 10px;}

/**********************************************产品服务*************************************************************/
.p_text p{ font-size:16px; padding:2% 0 0 0; height:30px; line-height:30px;}






}